<template>
    <div>
      <order-top></order-top>
      <div>
        <div class="show">
          <div class="show-top">
            <img class="top-left" src="//img.alicdn.com/tfscom/i6/TB14NFSOFXXXXXDXVXXYXGcGpXX_M2.SS2_460x460xz.jpg" alt="">
            <div class="top-right">女木耳边系带碎花蝴蝶结衬衫女长袖韩范百搭上衣</div>
          </div>
          <div class="show-bottom">
            <button class="show-button">评价</button>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
import OrderTop from '@/components/common/OrderTop'
export default {
  components: {
    OrderTop
  }
}
</script>

<style lang="scss" scoped>
@import "../../../assets/styles/global";
  .show{
    width: 96%;
    height: 100px;
    margin: 10px auto 0;
    padding-bottom: 5px;
    background: white;
    overflow: hidden;
    .show-top{
      height: 60px;
      width: 94%;
      margin: 0 auto;
      padding-top: 10px;
      .top-left{
        float: left;
        height: 50px;
        margin-right: 10px;
      }
      .top-right{
        padding-top: 10px;
      }
    }
    .show-bottom{
      height: 20px;
      .show-button{
        float: right;
        margin-right: 15px;
      }
    }
  }
</style>
